<template>
	<view class="guide">
		<view class="guideItem" v-for="v in Data.list" :key="v.id" @click="goReserveProcess(v)">
			<view>
				<text>{{ v.businessName }}</text>
				<text>></text>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		reactive,
		onMounted
	} from 'vue';
	import {
		appGuideQueryAll
	} from '@/api/TopUpService.js';
	const Data = reactive({
		list: [{
			title: '预约业务'
		}]
	})
	const appGuideQuery = () => {
		appGuideQueryAll().then(({
			data
		}) => {
			if (data.msg == "执行成功") {
				Data.list = data.data;
			}
		}).catch(err => {
			console.log(err)
		})
	}
	const goReserveProcess = (v) => {
		uni.navigateTo({
			url: `/pages/guide/reserveProcess/reserveProcess?id=${v.id}`
		})
	}
	onMounted(() => {
		appGuideQuery()
	})
</script>

<style lang="less" scoped>
	.guide {
		width: 750rpx;
		background-color: #fdfeff;

		.guideItem {
			width: 680rpx;
			margin: 0 auto;

			view {
				width: 100%;
				height: 100rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;
				font-size: 32rpx;
				color: #2c2c2c;
				border-bottom: 1px solid #f0f0f0;

				// &:first-child {
				// 	justify-content: flex-start;
				// 	font-size: 40rpx;
				// 	color: #404040;
				// 	font-weight: 600;
				// }
			}
		}
	}
</style>
